import React, { Component } from 'react';

export default class CircleIndicate extends Component {
    render() {
        return (
            <div style={{
                width: 20,
                height: 20,
                borderRadius: '50%',
                float: 'left',
                marginRight: 30,
                border: '1px solid #ddd',
                backgroundColor: (this.props.turnIndex === this.props.index ? '#ddd' : '#fff'),
                cursor: 'pointer'
            }} onClick={()=>this.props.handleChangePage(this.props.index)}></div>
        );
    }
}